<!--suppress ALL-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>欢迎访问</title>

    <!-- Favicons -->
    <!-- Favicons -->
    <link rel="shortcut icon" th:href="@{/assets/images/favicon.ico}">
    <link rel="stylesheet" th:href="@{/assets/css/vendor/vendor.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/plugins/plugins.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/style.min.css}">
    <script th:src="@{/assets/js/jquery-3.2.1.slim.min.js}"></script>
    <script th:src="@{/assets/js/vue.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/axios.min.js}"></script>




</head>

<body>
    <!-- Header Section Start -->
    <div class="header section" th:replace="~{common/head::head}"></div>
    <!-- Header Section End -->

    <!-- Breadcrumb Area Start -->
    <div class="section breadcrumb-area bg-name-bright">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <div class="breadcrumb-wrapper">
                        <h2 class="breadcrumb-title">关于我们</h2>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li>About Us</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb Area End -->

    <!-- About Section Start -->
    <div class="section section-margin">
        <div class="container">
            <div class="row m-b-n30">
                <div class="col-md-6 pe-lg-5 p-r-15 m-b-30" data-aos="fade-up" data-aos-duration="1000">
                    <!-- About Thumb Start -->
                    <div class="about-thumb">
                        <img class="fit-image" th:src="@{/assets/images/slider/about.jpg}" alt="About Image">
                    </div>
                    <!-- About Thumb End -->
                </div>
                <div class="col-md-6 align-self-center m-b-30" data-aos="fade-up" data-aos-duration="1500">
                    <!-- About Content Start -->
                    <div class="about-content">
                        <h2 class="title">宠爱团队，您的专业宠物管家！</h2>
                        <p>相信我们，选择宠爱，给宠爱一个机会，我们还你一个美好的体验！</p>
                        <ul class="about-content-list">
                            <li><span><i class="ti-angle-double-right"></i></span> 品类繁多的宠物用品！</li>
                            <li><span><i class="ti-angle-double-right"></i></span> 多彩缤纷的爱宠交流圈！！</li>
                            <li><span><i class="ti-angle-double-right"></i></span> 最靠谱的爱宠知识科普都在这里！！！</li>
                        </ul>
                        <a href="#" class="btn btn-primary btn-hover-dark">联系我们</a>
                    </div>
                    <!-- About Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- About Section End -->

    <!-- Testimonial Section Start -->
    <div class="section bg-name-bright section-padding">
        <div class="container">
            <div class="row">
                <div class="col-12">

                    <!-- Testimonial Carousel Start -->
                    <div class="testimonial-carousel">

                        <!-- Testimonial Gallery Top Start -->
                        <div class="swiper-container testimonial-gallery-top" data-aos="fade-up" data-aos-duration="1000">
                            <div class="swiper-wrapper">

                                <!-- Single Swiper Slide Start -->
                                <div class="swiper-slide">

                                    <!-- Testimonial Content Start -->
                                    <div class="testimonial-content text-center">
                                        <p>布偶猫的性格，真不是一般的文静。如果你想要一只自在懒散、不惹麻烦、性情温和的宠物，那么这种猫咪正是你的最佳选择。布偶猫就像的毛绒玩具一般。不过这一特征在英国布偶猫的身上，表现得并没有它的美国亲戚那样明显。这个品种的猫咪温顺，是一种不错的室内宠物。</p>
                                    </div>
                                    <!-- Testimonial Content End -->

                                </div>
                                <!-- Single Swiper Slide End -->

                                <!-- Single Swiper Slide Start -->
                                <div class="swiper-slide">

                                    <!-- Testimonial Content Start -->
                                    <div class="testimonial-content text-center">
                                        <p>萨摩耶，原是西伯利亚的原住民萨摩耶族培育出的犬种，一岁前调皮、灵动。它机警、强壮、灵活、美丽、高贵优雅、乖巧可爱，有着非常引人注目的外表，有“微笑天使”的称号，也有着“微笑天使面孔，捣蛋魔鬼内心”之称。</p>
                                    </div>
                                    <!-- Testimonial Content End -->

                                </div>
                                <!-- Single Swiper Slide End -->
                            </div>

                        </div>
                        <!-- Testimonial Gallery Top End -->

                        <!-- Testimonial Gallery Thumb Start -->
                        <div class="swiper-container testimonial-gallery-thumbs" data-aos="fade-up" data-aos-duration="1500">
                            <div class="swiper-wrapper">

                                <!-- Single Swiper Slide Start -->
                                <div class="swiper-slide">
                                    <!-- Testimonial Thumb Start -->
                                    <div class="testimonial-thumb text-center">
                                        <img th:src="@{/assets/images/testimonial/maomi1.png}" alt="Testimonial Image">
                                        <h3 class="thumb-title">布偶猫</h3>
                                        <h6 class="thumb-subtitle">petcat</h6>
                                    </div>
                                    <!-- Testimonial Thumb End -->
                                </div>
                                <!-- Single Swiper Slide End -->

                                <!-- Single Swiper Slide Start -->
                                <div class="swiper-slide">
                                    <!-- Testimonial Thumb Start -->
                                    <div class="testimonial-thumb text-center">
                                        <img th:src="@{/assets/images/testimonial/gou.png}" alt="Testimonial Image">
                                        <h3 class="thumb-title">萨摩耶</h3>
                                        <h6 class="thumb-subtitle">petdog</h6>
                                    </div>
                                    <!-- Testimonial Thumb End -->
                                </div>
                                <!-- Single Swiper Slide End -->

                            </div>

                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <!-- Testimonial Gallery Thumb End -->

                    </div>
                    <!-- Testimonial Carousel End -->

                </div>
            </div>
        </div>
    </div>
    <!-- Testimonial Section End -->

    <!-- Team section Start -->
    <div class="section section-margin">
        <div class="container">
            <div class="row row-cols-md-3 row-cols-sm-2 row-cols-1 m-b-n30">

                <div class="col m-b-30" data-aos="fade-up" data-aos-duration="1000">
                    <!-- Single Team Wrapper Start -->
                    <div class="single-team-wrapper">
                        <div class="thumb">
                            <a href="contact.html">
                                <img class="fit-image" th:src="@{/assets/images/team/111.png}" alt="Team Image">
                            </a>
                            <!-- Social Shear Start -->
                            <div class="social-share">
                                <a title="Twitter" href="#/"><i class="ti-facebook"></i></a>
                                <a title="Instagram" href="#/"><i class="ti-pinterest"></i></a>
                                <a title="Linkedin" href="#/"><i class="ti-twitter-alt"></i></a>
                                <a title="Skype" href="#/"><i class="ti-instagram"></i></a>
                            </div>
                            <!-- Social Shear End -->
                        </div>
                        <div class="content">
                            <h4 class="title">charles</h4>
                            <h4 class="subtitle">IT人士</h4>
                        </div>
                    </div>
                    <!-- Single Team Wrapper End -->
                </div>

                <div class="col m-b-30" data-aos="fade-up" data-aos-duration="1500">
                    <!-- Single Team Wrapper Start -->
                    <div class="single-team-wrapper">
                        <div class="thumb">
                            <a href="contact.html">
                                <img class="fit-image" th:src="@{/assets/images/team/222.png}" alt="Team Image">
                            </a>
                            <!-- Social Shear Start -->
                            <div class="social-share">
                                <a title="Twitter" href="#/"><i class="ti-facebook"></i></a>
                                <a title="Instagram" href="#/"><i class="ti-pinterest"></i></a>
                                <a title="Linkedin" href="#/"><i class="ti-twitter-alt"></i></a>
                                <a title="Skype" href="#/"><i class="ti-instagram"></i></a>
                            </div>
                            <!-- Social Shear End -->
                        </div>
                        <div class="content">
                            <h4 class="title">wugd</h4>
                            <h4 class="subtitle">CEO</h4>
                        </div>
                    </div>
                    <!-- Single Team Wrapper End -->
                </div>

                <div class="col m-b-30" data-aos="fade-up" data-aos-duration="2000">
                    <!-- Single Team Wrapper Start -->
                    <div class="single-team-wrapper">
                        <div class="thumb">
                            <a href="contact.html">
                                <img class="fit-image" th:src="@{/assets/images/team/333.png}" alt="Team Image">
                            </a>
                            <!-- Social Shear Start -->
                            <div class="social-share">
                                <a title="Twitter" href="#/"><i class="ti-facebook"></i></a>
                                <a title="Instagram" href="#/"><i class="ti-pinterest"></i></a>
                                <a title="Linkedin" href="#/"><i class="ti-twitter-alt"></i></a>
                                <a title="Skype" href="#/"><i class="ti-instagram"></i></a>
                            </div>
                            <!-- Social Shear End -->
                        </div>
                        <div class="content">
                            <h4 class="title">sunshine</h4>
                            <h4 class="subtitle">留学海归</h4>
                        </div>
                    </div>
                    <!-- Single Team Wrapper End -->
                </div>

            </div>
        </div>
    </div>
    <!-- Team section End -->

    <!-- Footer Section Start -->
    <footer class="section footer-section" th:replace="~{common/foot::foot}"></footer>
    <!-- Footer Section End -->

    <script th:src="@{/assets/js/vendor.min.js}"></script>
    <script th:src="@{/assets/js/plugins.min.js}"></script>
    <!--Main JS-->
    <script th:src="@{/assets/js/main.js}"></script>



</body>

</html>